<template>
	<view>
		<uni-search-bar placeholder="请输入中学名次或队长姓名关键词查询" bgColor="#FFFFFF" @confirm="search" class="search" />
		<button class="bt" @click="todz"><text class="wz">转让队长</text></button>
	<view class="middle"><text class="mid">转让说明<br></text></view>
		<view class="bottom"><text class="bot">• 每个队伍只有1个队长，有且仅有1个人。<br>
        • 可转让本队成员。或非入队学生。</text></view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	let todz=function(){
		uni.navigateTo({
		    url: '/pages/Student-captain/captain/search',
		})
	}
</script>

<style>
	.search{
		height: 45px;
		border-radius: 6px;
		margin: 12px;
	}
	.bt{
		margin: 36px 12px;
		height: 45px;
		background-image: linear-gradient(90deg, #C7CDD5 0%, #BBC0C8 100%);
		border-radius: 6px;
	}
	.wz{
		width: 72px;
		height: 25px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 18px;
		color: #FFFFFF;
		text-align: center;
	}
	.mid{
		width: 48px;
		height: 17px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 12px;
		color: #212121;
	}
	.bot{
		width: 224px;
		height: 42px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #999DA3;
		line-height: 21px;
	}
	.middle{
		margin-top: 500px;
		margin-left: 30px;
		margin-bottom: 8px;
	}
	.bottom{
		margin-left: 18px;
	}
</style>